<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<style>
    .box {
      width: 100px;
      height: 100px;
      background-color: red;
      /* 模糊度 */
      /* length 为长度值，比如 10px , 值越大，图像越模糊 */
      filter: blur(20px);
    }
  </style>
<body>
    <!-- blur() 函数用于将高斯模糊应用于输入图像，也就是设置元素的模糊度 -->
    <div class="box"></div>
</body>
</html>